import { createRouter, createWebHistory } from 'vue-router'

const routes = [
  {
    path: '/',
    name: 'main',
    component: () => import('@/App.vue'),
    // children: [
    //   {
    //     path: '',
    //     redirect: '/login'
    //   },
    //   {
    //     path: '/login',
    //     name: 'login',
    //     component: () => import('@/loginGeneral.vue'),
    //     meta: { title: '登录' }
    //   },
    //   {
    //     path: '/register',
    //     name:'register',
    //     component: () => import('@/uRegister.vue'),
    //     meta: { title: '注册' }
    //   }
    // ],
    meta: { title: '首页' }
  },
  // 定义403无权限访问页面的路由
  {
    // 访问该页面的URL路径
    path: '/403',
    // 路由的名称，方便在编程式导航中使用
    name: 'Forbidden',
    // 动态导入403页面的Vue组件
    component: () => import('@/views/403.vue'),
    // 路由的元信息，可用于设置页面标题、权限验证等
    meta: { 
      title: '访问被拒绝' // 设置页面标题为“访问被拒绝”
    }
  },
  {
    // 匹配所有未定义的路由，作为404页面
    path: '/:pathMatch(.*)*',
    // 路由名称，用于编程式导航
    name: 'NotFound',
    // 动态导入404页面组件
    component: () => import('@/views/404.vue'),
    // 路由元信息，用于设置页面标题等
    meta: { 
      title: '404 页面不存在' 
    }
  }
]

const router = createRouter({
  history: createWebHistory(process.env.BASE_URL),
  routes
})

// router.beforeEach((to, from, next) => {
//   console.log("导航到:", to.path);
  
//   const userInfo = JSON.parse(sessionStorage.getItem('userInfo') || '{}');
  
//   // 如果访问客户页面但未登录或不是客户角色或管理员或司机角色，则重定向到首页
//   if (
//     to.path.startsWith('/pages') && (!userInfo || userInfo.role !== '客户')||
//     to.path.startsWith('/glry') && (!userInfo || userInfo.role !== '管理员') ||
//     to.path.startsWith('/chauffeur') && (!userInfo || userInfo.role !== '司机')
//   ) {
//     next('/'); // 重定向到首页
//   } else {
//     next(); // 正常放行
//   }

// });

// 添加导航后的钩子来设置标题
router.afterEach((to) => {
  // 设置页面标题
  document.title = to.meta.title || '金融基金系统';
});

export default router